// 修改默认脚手架中webpack打包工具的配置, 实现覆盖内置的配置
// 该模块用来处理路径
const path = require('path');
module.exports = {

  webpack: {
    alias: { // 路径别名:@ 就表示 src 目录
      "@": path.resolve(__dirname, 'src')
    }
  },
  style: {
    postcss: {
      mode: "extends",
      loaderOptions: {
        postcssOptions: {
          ident: "postcss",
          plugins: [
            [
              "postcss-px-to-viewport-8-plugin",
              {
                viewportWidth: 375, // 设计稿的视口宽度 ;(也就是UI给的设计图尺寸; 如果设计给的不是375 使用PS工具转成375尺寸
              },
            ],
          ],
        },
      },
    },
  }
}

/*
path.resolve(路径1, 路径2) 返回的是拼接好的绝对路径地址
path.join(路径1,路径2) 返回的是拼接好的相对路径地址
dirname 表示向前该文件所处的绝对路径地址
*/